<template>
  <div class="steps">
    <el-steps :active="step" align-center>
      <el-step title="提交择校信息" description="2017-07-19 15:43:23"></el-step>
      <el-step title="文书定稿" description=" "></el-step>
      <el-step title="材料确认" description=" "></el-step>
      <el-step title="确认入读" description=" "></el-step>
      <el-step title="完成" description=" "></el-step>
    </el-steps>
  </div>
</template>

<script>
export default {
  name: 'steps',
  props: {
   step: {
      type: Number,  // 数据类型
      default: 1  // 默认值
    },
 
},

  components: {},

  data() {
    return {}
  },

  mounted() {},

  methods: {},
}
</script>

<style scoped>
.title {
  display: flex;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #e4e4e4;
  line-height: 50px;
  background-color: #f3f3f3;
}
.block {
  width: 5px;
  height: 30px;
  margin-top: 10px;
  margin-left: 5px;
  background-color: #1abc9c;
}
/* 标题文字 */
.word {
  width: 100px;
  margin-left: 5px;
  color: #999999;
}
.button {
  margin-left: 80%;
}
</style>
